<template>
  <div>
    <!-- 方式一：直接使用 $store.state -->
    <h1>count:{{ $store.state.count }}</h1>
    <h1>num:{{ $store.state.num }}</h1>
    <!-- 方式二： -->
    <h1>store中的count:{{ count }}</h1>
    <h1>store中的num:{{ num }}</h1>
  </div>
</template>

<script>
  import { mapState } from "vuex";
  export default {
    name: "Item",
    computed: {
      // count() {
      //   return this.$store.state.count;
      // },
      // num() {
      //   return this.$store.state.num;
      // },
      // 方式三：mapState
      ...mapState(["count", "num"]),
    },
  };
</script>

<style></style>
